
// botão que gera unidade de armazenagem adicional       
            $(document).ready(function() {
                $("#addA").click(function() {
            
                var ht='<br/><td><input name="qtde_mercadoria" type="text" id="qtde_mercadoria" size="5"></td><td><input name="nome_mercadoria" type="text" id="nome_mercadoria" size="25"></td><td><input name="condicao_mercadoria" type="text" id="valor_mercadoria" size="20"></td><td><input name="condicao_mercadoria" type="text" id="valor_mercadoria" size="10"></td>'
                
                    $("#dd").append(ht);
                });
            });


// pega o valor do input e joga no titulo da primeira tb
	function mostraUa(){  	    
		//pega o numero do prcesso no input	
		var txtR = document.getElementById("processo");
		var processo = $( "#processo" ).val();	
		var n=processo.split('',3);
		n=n[0]+n[1]+n[2];
		n=(n*100)+1;
		//div da primeira aba
		var divR = document.getElementById("teste");
		//joga o valor na aba da primeira tab		  
		divR.innerHTML = n;  
		
		var divT = document.getElementById("ua");
		document.getElementById("ua").value=n;
		divT.innerHTML = n;  
	}

	//---------------------------------------------------------------
$(function() {

	
	//var tabTitle = $( "#tab_title" ),
	var tabTitle = $( "#ua" ),
	tabContent = $( "#tab_content" ),
	tabTemplate = "<li><a href='#{href}'>#{label}</a> <span class='ui-icon ui-icon-close' role='presentation'>Remover 	    Tab</span></li>",
	tabCounter = 2;
	
	var tabs = $( "#tabs" ).tabs();
	// modal dialog init: custom buttons and a "close" callback reseting the form inside
	
	var dialog = $( "#dialog" ).dialog({
		autoOpen: false,
		modal: true,
		buttons: {
					Sim: function() {
						addTab();
						$( this ).dialog( "close" );
						},
					Não: function() {
						$( this ).dialog( "close" );
				}
		},
		close: function() {
		form[ 0 ].reset();
		}
	});
	// addTab form: calls addTab function on submit and closes the dialog
	var form = dialog.find( "form" ).submit(function( event ) {
		addTab();
		dialog.dialog( "close" );
		event.preventDefault();
	});
	// actual addTab function: adds new tab using the input from the form above
	function addTab() {
		
		tabCounter = tabCounter-1;
		var soma = parseInt(tabTitle.val()) + parseInt(tabCounter); 
		tabCounter=tabCounter+1;
		
		//var label = tabTitle.val() || "Tab " + tabCounter,
		var label = soma || "Tab " + tabCounter,
		id = "tabs-" + tabCounter,
		li = $( tabTemplate.replace( /#\{href\}/g, "#" + id ).replace( /#\{label\}/g, label ) ),
	  
	    
		tabContentHtml ='<b>Armazenagem:</b><br><br>UA Nº:<input name="ua" type="text" value='+soma+'    id="ua" size="10">     Quantidade de Pallets:<input name="pallets" type="text" id="pallets" size="5"><br><p><b>Mercadoria:</b> <button id="botao'+id+'">+</button><div class="qtde">Qtde</div><div class="produto" >Produto</div><div class="condicao" >Condições</div><div class="valor" >Valor R$</div><div id="id'+id+'"></div>' ;
	
	
		tabs.find( ".ui-tabs-nav" ).append( li );
		tabs.append( "<div id='" + id + "'><p>" + tabContentHtml + "</p></div>" );	
		tabs.tabs( "refresh" );
		tabCounter++;
	
		 $(document).ready(function() {
			 
			 
                $("#botao"+id).click(function() {
             
                var ht='<br/><td><input name="qtde_mercadoria" type="text" id="qtde_mercadoria" size="5"></td><td><input name="nome_mercadoria" type="text" id="nome_mercadoria" size="25"></td><td><input name="condicao_mercadoria" type="text" id="valor_mercadoria" size="20"></td><td><input name="condicao_mercadoria" type="text" id="valor_mercadoria" size="10"></td>'
                
                    $("#id"+id).append(ht);
                });
            });
		
	}

	// addTab button: just opens the dialog
	$( "#add_tab" )
		.button()
		.click(function() {
		dialog.dialog( "open" );
	});
	// close icon: removing the tab on click
	tabs.delegate( "span.ui-icon-close", "click", function() {
		var panelId = $( this ).closest( "li" ).remove().attr( "aria-controls" );
		$( "#" + panelId ).remove();
		tabs.tabs( "refresh" );
	});
	tabs.bind( "keyup", function( event ) {
		if ( event.altKey && event.keyCode === $.ui.keyCode.BACKSPACE ) {
		var panelId = tabs.find( ".ui-tabs-active" ).remove().attr( "aria-controls" );
		$( "#" + panelId ).remove();
		tabs.tabs( "refresh" );
	}	

});
});

